@charset "utf-8";
@import "init";
@import "common";
main{
	.img-box{
		img{
			width: 100%;
		}
	}
	.content{
		padding: r(25) r(30);
		color: $sub_color;
		text-indent: r(28);
		text-align: justify;
		p{
			font-size: r(14),
		}
	}
	.border{
		width: r(582);
		border: r(1) solid $sub_color;
		margin: 0 auto
	}
	.img-box2{
		padding: r(37) r(30);
		img{
			width: 100%;
		}
	}
	.history{
		width: r(580);
		margin-left: r(30);
		color: #fff;
		background-color: $bg_color;
		padding: r(25) r(0);
		.list{
			padding-left: r(25);
			i{
				font-size: r(16);
			}
		}
		.time{
			padding-right: r(21);
			i{
				font-size: r(16);
			}
		}
		.history-s{
			span{
				padding-left: r(26);
			}
		}
	}
	.his{
		ul{
			margin-left: r(30);
			.bc{
				background-color: #f3f3f3;
			}
			li{
				width: r(580);
				height: r(110);
				position: relative;
				// border-left: r(1) solid $sub_color;
				p{
					font-weight: bold;
					padding-top: r(25);
					padding-left: r(90);
				}
				span{
					font-size: r(24);
					color: $bg_color;
					padding-left: r(90);
				}
			}
			li::before{
				content: "";
				display: block;
				width: r(35);
				height: r(35);
				border-radius: r(35);
				background-color: $sub_color;
				position: absolute;
				top: r(40);
				left: r(30);
			}
			li:nth-child(2)::before{
				background-color: $bg_color;
			}
			li:nth-child(4)::before{
				background-color: $bg_color;
			}
			
		}
	}
	// .border-2{
	// 	width: r(1);
	// 	height: r(400);
	// 	border: r(1) solid $sub_color;
	// 	position: absolute;
	// 	left: r(75);
	// 	top: r(-400)
	// }
	.border{
		width: r(582);
		border: r(1) solid $sub_color;
		margin: 0 auto
	}
	.main-bottom{
		text-align: center;
		color: $sub_color;
		padding: r(22) 0 r(34);
	}
}